<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <link rel="stylesheet" href="bootstrap.min.css">
  <link rel="stylesheet" href="bootstrap-switch.css">
</head>
<body>
<div class="col-sm-6 col-lg-4">
  <h2 class="h4">State</h2>
  <p>
    <input id="switch-state" type="checkbox" checked>
  </p>
  <div class="btn-group">
    <button type="button" data-switch-toggle="state" class="btn btn-default">Toggle</button>
    <button type="button" data-switch-set="state" data-switch-value="true" class="btn btn-default">Set true</button>
    <button type="button" data-switch-set="state" data-switch-value="false" class="btn btn-default">Set false</button>
    <button type="button" data-switch-get="state" class="btn btn-default">Get</button>
  </div>
</div>
<script src="jquery.min.js"></script>
<script src="bootstrap-switch.js"></script>
<script src="highlight.js"></script>
<script src="main.js"></script>
</body>
</html>